/* CSS Document */
h1,h2,h3,h4,h5,h6,ul,li,a,img,p,dl,dt,dd,form,input,table,body,ol,div{margin:0;padding:0;}
body {font-family:"Microsoft YaHei","����","Arial Narrow",HELVETICA;color:#000;background:white;width:100%;font-size:14px; height:auto;min-width: 1200px;}
a,body,select,td,b{font-size:12px;text-decoration:none;}
a:active {outline:0;}
ul,li{list-style:none;}
a img{border:0;display: block;}
a:link,a:visited{color:#000;text-decoration:none;}
h1,h2,h3,h4,h5,h6{font-size:18px;font-weight:normal;}
a:hover{color:#000;text-shadow: 0px 5px 10px #0171BC;}
/*html, body {height: auto; }*/
em,i{font-style: normal;}
input,button,select,textarea{outline:none;} 
*:focus {outline: none;border:none;}
textarea {resize:none;border:none;}
.fl{float:left;}
.fr{float:right;}
/* ������� */
.clearfix:before,.clearfix:after { content:"";display:table;}
.clearfix:after { clear:both; overflow:hidden;}
.clearfix { zoom:1; /* for ie6 & ie7 */}
/*���*/
.p{padding: 10px;}
.p-tb{padding: 10px 0;}  //padding����10px
.p-lr{padding: 0 10px;}
.pt{padding-top: 10px;}
.pb{padding-bottom: 10px;}
.pl{padding-left: 10px;}
.pr{padding-right: 10px;}
.mt{margin-top:10px;}
.mt-20{margin-top:20px;}
.mt-25{margin-top:25px;}
.mr-10{margin-right: 10px;}
.mr-30{margin-right: 30px;}
.mr-100{margin-right: 100;}
.mt-100{margin-top:100px}
.mt-130{margin-top:130px}
.ml-50{margin-left: 50px;}
.ml-30{margin-left: 30px;}
.ml-20{margin-left: 20px;}
.ml-10{margin-left: 10px;}
.h-25{height: 25px;}
.w-40{width: 60px;}
.bg-e3{background: #E3E3E3;}
/*���壺font-sizeһ����˵��˫����line-heightһ����˵Ҳ��˫��*/
.f-14{font-size: 14px;}
.f-20{font-size:20px;}
.f-24{font-size:24px;}
.f-32{font-size:32px;}
.t-w{color: white;}
.t-r{color: red}
.f-w-b{font-weight:bold;}
/* 根据合同 状态显示不同背景 */
.background-green{background:#96e696 ! important;}
/*���뷽ʽ*/
.txt-l{text-align: left;}
/*�Զ������*/
#btn-r,#btn-s{width: 70px;height:30px;margin-top: 5px;font-size:12px;font-weight: bold;border:1px solid #CACEC4;border-radius:3px;}
#btn-s{background: #1485CB;color: white;}
#btn-r{background: #E3E3E3;}
/*��Ӱ�ť*/
.addmaterial{width:50px;height:20px;background:#1485CB;float:left;line-height:20px;text-align: center;margin-left:20px;font-size: 12px;font-weight:bold;border:1px solid gainsboro;}
.addmaterial span{color:white;}
/*index*/
body{ width: 100%;background: url(../images/background.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; -ms-background-size:cover;}
#container{ width: 1344px;height:730px;margin:0 auto;box-shadow: 0px 0px 20px  #888;}
#header{ width: 1344px; height:100px; background: url(../img/hbg.png) repeat-x;}
#info{ width: 1344px;margin: 0 auto;height:175px;position: absolute;top:20px; overflow: hidden ;}
.logo-info{width:400px;height:180px;float:left;}
.logo-info p { font-size: 42px; margin-top: 25px; margin-left: 75px; font-weight: bold;}
.logo-info .date{ margin-top: 15px; margin-right:35px;}
.logo-info span{position: absolute;left:212px;top:93px;height: 40px;width:180px;font-size: 16px;font-weight: bold;text-align: center;line-height: 30px;}
.line-box { width: 1344px; position: absolute;top: 145px; }
.line-black,.line-gray {width: 93%; border-radius: 5px; margin: 0 auto;}
.line-black { height: 8px; background: #859BAE;}
.line-gray{ height: 2px;background: #ccc;}

.top-menu li,.top-menu li span{  float:left;width:100px;}
.top-menu { margin-left: 5px; margin-top: 25px;}
.top-menu li{ height:100px;margin-left: 5px;}
.top-menu li img{ height:70px;width:70px;margin: 0 auto;}
.top-menu li span{ height:24px;text-align: center;line-height:24px;font-size: 15px;font-weight: bold;}

#footer { width: 1344px;margin:0 auto;}
#footer .foot-gray{ height: 8px; background: #ccc; }
#footer .foot-black{ height: 25px; background: #454552;}
/*left-menu*/
#left-menu{width:20%;min-height: 520px; margin-top: 70px; margin-left: 42px;}
.left-menu-content li{ margin-top: 20px;width:240px;height:45px;font-size: 16px;font-weight: bold;border-radius: 6px;border: 1px solid #ccc;}
.left-menu-background{color: #282C37;
background: -webkit-linear-gradient(#fff 0%, #e4e4e4 100%);
background: -moz-linear-gradient(#fff 0%, #e4e4e4 100%);
background: -o-linear-gradient(#fff 0%, #e4e4e4 100%);
background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e4e4e4));
background: linear-gradient(#fff 0%, #e4e4e4 100%);
}
.left-menu-content li:hover,.left-menu-active{color: white;
background: -webkit-linear-gradient(#3A91CB 20%, #0F79C0 50%);
background: -moz-linear-gradient(#3A91CB 20%, #0F79C0 50%);
background: -o-linear-gradient(#3A91CB 20%, #0F79C0 50%);
background: -webkit-gradient(linear, 0 0, 20% 50%, from(#3A91CB), to(#0F79C0));
background: linear-gradient(#3A91CB 20%, #0F79C0 50%);
}

.left-munu-limg {width:18px;height: 18px;margin-top: 13px;margin-left: 30px;float: left;}
.left-menu-content span{line-height: 45px; margin-left:30px; float: left; text-align: center;}

/*right-content*/
#right-content{min-width: 925px;width: 78%; height: auto;min-height: 550px; margin-top: 55px; margin-left: -25px;}
/*order-list-table*/
#key,#plan-key{margin-left: 33px;}
#firstpage{margin-left:488px;}
#currentpage{border:1px solid gainsboro;}
#imgid,#matreia,#proid{width: 300px;}
#order-commit{float: right; margin-right: 50px;background: #1485CB; height: 28px; border: 2px groove #007BB5; border-radius: 5px;width: 100px;}
.radio { position: relative; top: 7px; left: 4px;cursor: pointer;}
.list-body{min-height: 500px;width: 100%; height: 100%;}
.guide-title {width: 1000px;height:40px;border:1px solid gray;background:#CBDBE8;margin-left:10px;margin-top: 10px; border-radius: 2px;text-shadow: 1px 1px 1px #988E75;}
.guide-title img{width: 16px;height: 16px;margin-left:11px;margin-top: 11px;float:left;}
.guide-title span{width:90px;text-align: center;float:left;line-height: 40px; font-size: 16px;}
.guide-search {width: 1000px;height:40px;border:1px solid #CACEC4;background:#F4F4F4;margin-left:10px;}
.guide-search span{width:80px;float:left;margin-left:5px;margin-top: 10px;text-align: center;}
.guide-search input{width:140px;height: 25px;float:left;margin-left:5px;margin-top: 6px;border:1px solid gainsboro;}
.order-list-table{width: 1002px;border: 1px solid #C1C8C8; margin-left:10px;}
.order-list-table tr{height: 40px;}
.order-list-table td{border-top:1px solid #C1C8C8;width: 160px;text-align: center; height: 25px;}
.isvaild,.modify-btn{ height: 22px;border-radius: 3px;border: 1px solid #C1C8C8;font-weight: bold;}
.isvaild{width: 60px;background: #0F79BC;color: white;}
.modify-btn{width: 40px;}

.page{ width: 1000px;height:35px;border:1px solid #C0CADD; background: #f2f2f2;margin-left:10px;margin-top: 10px;}
.page-text{width: 50px;height: 30px; margin-top: 1px;}
.page .btn{border-radius: 5px; background: lightslategray; color: white;}

/*inventory*/
#g-check { width: 90px; height: 30px; border: 1px solid gray; color: #660000; border-radius: 5px; float: right; margin-right: 25px;}
.i-check { width: 80px; height: 30px; border: 1px solid gray; color: #660000; border-radius: 5px;}
.checkbox { width: 20px; height: 20px; position: relative; top: 14px; left: 50px;}
.g-checkbox { width: 15px; height: 15px; position: relative; top: 2px;;}
.alert { width: 1000px; height: 450px; border: 2px solid gray; background: #f2f2f2; margin-left: 10px;}
.alert .one {width:1000px; height: 50px; background: #D9E6F1;}
.alert .two {width:1000px; height: 50px; background: floralwhite;}
.alert p { font-size: 16px; font-weight: bold; line-height: 50px; margin-left: 100px;}
.alert textarea { border: 1px solid darkgray; margin-left: 10px; margin-top: 5px;}
.alert .btn { width: 80px; height: 30px; border: 1px solid gray;font-weight: bold; color: black; border-radius: 5px; margin-left: 20px; margin-top: 10px;}
.alert .con { position: relative; top:10px;width: 90px; height: 30px; border: 1px solid gray;font-weight: bold; color: white; border-radius: 5px; background: #CC9900;margin-right: 20px;}
/*createorder*/
.create-content{width: 1000px;height:430px;border:1px solid gray;background: #fff;margin-left:10px;margin-top: 10px;}
.create-content li{width:1000px;height:45px;background: #F0F0F0;margin-top: 4px;}
.create-content p {float: left; line-height: 45px; margin-left:25px; width: 70px;height: 20px;text-align: center;}
.create-content span{width: 80px;height: 45px;float:left;text-align: center;line-height: 45px;margin-left:20px;}
.create-content input{border:1px solid #8194AA;float:left;width: 160px;margin-top: 5px;height: 25px;}

.firstspan{margin-left:50px;}
.testprocess{width:750px;height: 600px;margin:0 auto;border:1px solid;}
.select{width:95px;height:27px;border:1px solid gainsboro;float:left;margin-top: 6px;}
/*��ӹ�����ʼ�ҳ��*/
.stepdetail {width: 1138px;height:570px;border:1px solid #CACEC4;background:#E3E3E3;margin-left:13px;margin-top: 15px;}
.stepdetail p{width:100px;height:20px;line-height: 20px;text-align: center;float:left;margin-left:20px;margin-top:10px;border:1px solid #BCD6B7;}
.stepdetail hr{margin:0;border:1px solid #1485CB;width:100px;height:4px;background:#1485CB;float:left;margin-left:20px;}
#hr{border:1px solid #1485CB;width:1085px;height:1px;background:#1485CB;float:left;}
/*welcome*/
.welcome{ margin-left: 120px; margin-top: 20px;}
#img{ position: absolute; top:250px; left:450px;height: 35px;}
.welcome-title{ position: absolute;top:-30px;left:100px;width:956px;height:40px;color: #454552;font-size: 28px;font-weight: bold;text-align: center;padding-top: 230px;}
/*-- login --*/
#wrap {width: 99%;}
body#login{ background: url(../images/bg.jpg) no-repeat; background-size:cover;  -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; -ms-background-size:cover; min-height:550px;}
.login-logo { margin: 0px auto; text-align: center; padding-top: 80px;padding-left: 20px;}
h2.heading { margin-left: 10px; text-align: center; color: #454552; font-size: 24px; display: inline-block; width: 100%; padding-top: 20px;}
.login-box { width:22%; margin:3em auto auto auto;}
.login-box .text,.login-box .password,.login-box .check { font-size: 16px;  border: none;padding: 13px;outline: none; font-weight: 300; background:#CFCFCF; margin:0 0 1em 0; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px;}
.login-box .text { width: 100%;color: black; }
.login-box .password { width: 100%;color:#999;}
.login-box .check { width: 38%;}
.login-box img { position: relative; border: 2px groove #ccc; left:26px;}
.login-box .submit{ font-size: 16px; font-weight: bold; background: #9CC2DF;color: #454552; cursor: pointer; outline: none; padding: 10px 15px; width: 50%; border: none;  border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; margin: 10px 90px 20px 80px;  text-align: center; }
.login-box .submit:hover{ background:#82A8C5; color:#fff !important;}
/*work*/
.work-content{margin-left:10px;margin-top: 10px;font-size:14px}
.work-content li{width:1000px;line-height:35px;margin-top: 4px;}
.work-content input[type='radio']{vertical-align:-1px;margin-left:5px;margin-right:2px}
.work-content label{margin-right:120px;}
.work-content .title{width:90px;min-height:1px;display:inline-block;float:left;margin:0; float:left}
.work-content input[type='submit']{ dispaly:inline-block;padding:10px 30px;background:#1485CB;color:#fff; border-radius:5px;border:0; margin-top:10px; margin-bottom:30px; }
.textinput{border-top:solid 1px #a7b5bc; margin-top:10px; border-left:solid 1px #a7b5bc; border-right:solid 1px #ced9df; border-bottom:solid 1px #ced9df; background:url(../images/inputbg.gif) repeat-x; padding:10px; width:504px; height:135px; line-height:20px; overflow:hidden;}
.textinput:focus {outline: -webkit-focus-ring-color auto 5px;}
.work-content .input-list{float:left;width:90%;}
.work-content .input-list label{margin:0;display:inline-block;}